*{margin:0;padding:0;border:0;}
a{color:#333;text-decoration: none;}
li{list-style-type: none;}
body{padding-bottom:50px;background-color: #EFEFF4;}

.header{position:relative;z-index:20;padding:0 5%;height:13.8%;height:13.8vw;border-bottom:1px solid #ddd;background-color:#fff;}
.header img{display:block;float:left;position: relative;z-index: 10;margin-bottom:-2.2%;margin-bottom:-2.2vw;}
.header-logo{height:16%;height:16vw;}
.header-text{height:13.8%;height:13.8vw;}

.footer{padding:2em 0;font-size:12px;text-align: center;}

.bottomNav a{display:inline-block;border-right:1px solid #ccc;font-size:14px;vertical-align: middle;font-weight:bold;}
.bottomNav span{color:#333;}
.bottomNav img{position:relative;top:.4em;width:1.5em;height:1.5em;float: none;}
.bottomNav a:last-of-type{border-right:0;}

.mui-bar-tab .mui-tab-item.mui-active{color:#fff;}
.closepay{position:absolute;right:5px;top:5px;font-weight:bold;font-size:2em;}
.mui-bar-tab,.mui-bar-tab .mui-tab-item{height:40px;}

.custom-wrap{position:absolute;top:20vh;bottom:20vh;left:10vw;right:10vw;border-radius:10px;background-color:#fff}
.custom{position:fixed;display:none;z-index: 1000;background-color:rgba(0,0,0,.8);}
.custom p{margin-top:2em;color:#333;}
.custom-2dcode{display:block;margin:0 auto 1em;}
.custom-btn{display:block;width:8em;padding:.3em 0;border-radius:3px;margin:auto;color:#fff;font-size:14px;background-color:#03B87E;}
.custom-btn:before{font-size:18px;}
.custom-line{width:80%;border-bottom:1px dashed #999;margin:2em auto;}
